草庐IT

html - 位置 :absolute causes horizontal scrollbar

全部标签

javascript - 如何在滚动时获取div的顶部位置值

我试图在div滚动到某个点时运行一些脚本。有一个固定的导航,当用户滚动窗口时,它假设一旦接近导航就更改导航名称。我正在使用$(window).scroll函数,但它只检查一次div位置而不更新值。如何让每5-10像素移动一次滚动检查窗口大小,这样就不会占用太多内存/处理。代码设置在:http://jsfiddle.net/rexonms/hyMxq/HTMLNAVIGATIONdivnameDivADivBDivC​CSS#nav{height:50px;background-color:#999;position:fixed;top:0;width:100%;}#main{margi

javascript - 使用 Javascript D3 库,如何在 mousemove 事件中确定鼠标在区域元素数据集中的位置?

我正在尝试为我创建的区域路径设置工具提示。我检查了传递给onmousemove事件处理程序的所有参数,我只是得到了完整的数据集0、0。据我所知,没有任何数据表明我在数据中的索引。“这个”上下文也是svg路径元素。还是没什么用。即使查看了d3.select(this),我也无法在任何地方找到索引。有什么方法可以确定我的鼠标在哪个数据点上吗?环顾四周,我发现了对d3.mouse(this)的引用,它为我提供了x/y坐标,但我如何将其映射回数据集中的数据点?我的目标是有一个工具提示来显示与集合中特定数据点相关的一些元数据。这里是一些请求的代码片段:vararea=d3.svg.area().

javascript - 如何使用 jquery 获取 html 5 多文件上传变量的值?

即使我使用下面的html选择了多个文件。我只得到第一个选择文件的值。我正在使用一个简单的:varfilelist=$("#multiplefiles").val()||[];$.each(filelist,function(i,myfile){console.log('foundfile'+i+'='+myfile);});请告知我如何获取所有文件的列表...例如在输入字段中选择的字符串是:C:\Users\Public\Pictures\SamplePictures\Hydrangeas.jpg,C:\Users\Public\Pictures\SamplePictures\Chry

javascript - 使用 JavaScript 从 HTML5 data-* 属性获取 JSON 对象

这是我的HTML:到目前为止,这是我的JavaScript:vara=document.querySelectorAll('[data-setup]')for(vari=0;i这会提醒:ALERT:{"method":"checkbox"}但是我怎样才能访问JSON“方法”?我想基本上能够提醒“复选框”这个词。任何帮助表示赞赏。 最佳答案 JSON.parse将是从该JSON创建适当对象的最简单方法:for(vari=0;i当然,这在旧版浏览器中不起作用,因此如果您需要那种浏览器支持,则需要填充它。道格拉斯克罗克福德有垫片here,

javascript - html2canvas - iframe 没有屏幕截图

我有一个任务需要在我的网页上加载URL(e.g.yahoo.com)并截取屏幕截图。我正在使用html2canvas截图并将其附加到页面正文。URL指定的页面已成功加载到div元素内的iframe中。但是当我尝试对其进行截图时,iframe区域变为空白。下面是previewURL和screenshot的代码。//topreviewtheURLcontentfunctionpreviewUrl(url,target){//usetimeoutcozmousehoverfiresseveraltimesclearTimeout(window.ht);window.ht=setTimeout

javascript - 在第一个位置插入一维数组中的元素

我在一次Javascript面试中被问到这个问题,遗憾的是,我想不出比当时显而易见的答案更好的答案:创建一个新数组,为第一个位置分配新值并复制其余部分。就时间和空间复杂度而言,在第一个位置插入一维数组中的元素的最佳算法是什么?编辑:没有像unshift()、splice()、push()这样的内置函数,所有这些都将被使用。 最佳答案 如果任务只是简单地在原始一维数组的头部插入一个元素,那么我认为您唯一的选择几乎就是这种O(N)方法:for(vari=ary.length;i>0;i--){ary[i]=ary[i-1];}ary[0

javascript - Angular.js 中的部分 HTML 字符串转义

我已经阅读了Angular转义默认情况下的所有内容和$sce的方法。,所以我用$sce.trustAsHtml()将数据列入白名单通过过滤器(因为$sce在服务中不起作用),像这样:但问题是,我不信任HTML的某些部分。要深入了解细节-我有translations其中包含HTML,但其中包含可替换的标记/变量。所以translationssupportHTML,但我不希望提供的标记包含HTML。我的过滤器logEntry内部看起来像这样:vartranslated=$translate('Log.'+msg.context.entity_type)+'.'+msg.context.ac

javascript - Cytoscape.js 如何在指定位置添加节点?

我想在指定位置添加节点。我首先尝试在相同位置(x=0,y=0)添加两个节点,如下所示:$(document).ready(function(){varcy=cytoscape({container:document.getElementById('cy'),});cy.add([{group:"nodes",data:{id:"n0"},position:{x:0,y:0}},{group:"nodes",data:{id:"n1"},position:{x:0,y:0}},]);});我希望它能在同一位置显示两个节点,一个在另一个之上。但结果却出乎意料。这是我得到的:事实上,无论我指

javascript - html5视频结束时调用AngularJS Controller 函数

我的应用主页上有一段视频,当我启动它时会播放。当视频结束时,我想使用一些CSS3过渡来移动页面。在视频的结尾,我希望能够调用一个angularJSController函数。'usestrict';angular.module('app',['ionic']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('home',{url:"/home",templateUrl:'views/home.html',controller:'homeCtrlasctrl'}).state('project

javascript - 更改 Google Places 自动完成结果框的位置

在我正在处理的页面上,GooglePlacesAutocomplete的结果显示在它应该显示的位置下方70像素处,在搜索框和结果容器的开头之间留下了一个空隙。间隙的高度恰好是Chrome自动填充功能的确切高度,所以我怀疑自动完成库出于某种原因在计算位置时考虑了该高度,即使我已经设法禁用我的搜索框上的那个功能。我可以通过覆盖.pac-container类的top属性的值来解决这个问题(替换1234px,API已使用1164px计算),但我宁愿有一种动态或仅基于偏移量来执行此操作的方法,而不是必须对该数字进行硬编码。有没有办法使用CSS或JavaScript/jQuery将自动完成结果容器